<template>
	<a-menu-item :key="item.name" :class="item.itemSysCss">
		<AppIconText
			:imgPath="item.imgPath"
			:iconClass="item.iconClass"
			:text="
				item.capPSLanguageRes
					? $t(item.capPSLanguageRes, item.caption)
					: item.caption
			"
			:tooltip="
				item.tooltipPSLanguageRes
					? $t(item.tooltipPSLanguageRes, item.tooltip)
					: item.tooltip
			"
		/>
		<div
			v-if="counterData?.[item.counterId]"
			v-badge="counterData[item.counterId]"
			class="menu-badge"
		></div>
	</a-menu-item>
</template>
<script lang="ts" setup>
import { MenuItemProps } from '../menu';
const props = defineProps(MenuItemProps);
</script>
